﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MaterPage/Site.Master" AutoEventWireup="true" CodeBehind="Video.aspx.cs" Inherits="Js_Study.PlayVideo.Video" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="/Resource/Video/PopuVideoWindow.js"></script>
    <style type="text/css">
        #video_container {
            position: absolute;
            display: block;
            cursor: pointer;
            background-color: white;
            height: 321px;
            width: 570px;
            background-color: #eeeeee;
            background-image: url('/Resource/Video/EP1.png');
        }

            #video_container a {
                top: 50%;
                left: 50%;
                color: #222;
                height: 75px;
                width: 75px;
                background-image: url('/Resource/Video/play_btn_75x75_web.png');
                position: absolute;
                margin-left: -37.5px;
                margin-top: -37.5px;
                cursor: pointer;
                background-repeat: no-repeat;
            }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="video_container">
        <a href="http://enterprise.blob.core.windows.net/videos/what-office-365.mp4" id="a_play"></a>
    </div>
    <div style="position:absolute;top:400px;">
        <input type="button" id="btn1" value="Click" />
    </div>
    <script type="text/javascript">

        $(function () {
            $("#a_play").popuVideoModalWindow();
        })

        $("#btn1").click(function () {
            var htmlString = "<iframe src='IframeForm.aspx' style='width:700px;height:300px;'></ifrmae>";
            epgOpenModal(htmlString);
        })
    </script>
</asp:Content>
